<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>北大青鸟课程导航</title>
		<link rel="icon" href="img1/favicon.ico" />
		<style>
			*{margin: 0px;padding: 0px;}
			#class{width: 210px;background-color:#f5f9fc;border:1px #9dc4ee solid;margin-left: 60px;}
			h4{color: #1b346d;font-size: 12ox;height: 30px; 
			line-height: 30px; text-indent: 1.5em;
			background: url(img1/title_icon.gif) no-repeat 6px center;
		
			}
			ul{list-style: none;}
			li{height: 30px; line-height: 30px;text-indent: 0.8em;
			background: url(img1/submenu.gif) no-repeat 36px center; 
			 margin:0px 8px 0px  ;}
			ul li:nth-of-type(9){padding-bottom: 10px ;}
			li:nth-of-type(1){border-bottom:1px #9dc4ee solid;
			                  border-top: 1px #9dc4ee solid;}
			li:nth-of-type(2){border-bottom:1px #9dc4ee solid;}
			li:nth-of-type(3){border-bottom:1px #9dc4ee solid;}
			li:nth-of-type(4){border-bottom:1px #9dc4ee solid;}
			li:nth-of-type(5){border-bottom:1px #9dc4ee solid;}	
			li:nth-of-type(6){border-bottom:1px #9dc4ee solid;}	
			li:nth-of-type(7){border-bottom:1px #9dc4ee solid;}
			li:nth-of-type(8){border-bottom:1px #9dc4ee solid;}	
			a{text-decoration: none;color: #333;}
			a:hover{color: red;}
			
		</style>
		
	</head>
	<body>
		<div id="class">
			<h4>课程导航</h4>
			<ul>
    <li><a href="homework8-2.html">ACCP 软件工程师</a></li>
    <li><a href="#">BTEST 软件测试工程师</a></li>
    <li><a href="#">BENET 网络工程师</a></li>
    <li><a href="#">JBNS 网站工程师</a></li>
    <li><a href="#">ACCP 启蒙星</a></li>
    <li><a href="#">ANDROID 软件工程师</a></li>
    <li><a href="#">JAVA 软件工程师</a></li>
    <li><a href="#">.NET 软件工程师</a></li>
    <li><a href="#">网络营销</a></li>
    </ul>
		</div>
	</body>
</html>
